.publicOrderStyle
    margin-bottom: 15rpx
    .moneyText
        font-size: 28rpx
        font-weight: bold
        color: #333
    .doBtnBox
        display: flex
        justify-content: flex-end;
        margin-top: 40rpx
        .btn
            height: 60rpx
            padding: 0 20rpx
            font-size: 28rpx
            border-radius: 10rpx
            display: flex
            align-items: center
            justify-content: center
            transition: all 0.2s
            &.nextBtn
                border: 1rpx solid #ccc
                color: #ccc
                &:active
                    background-color: #e2e2e2
            &.payBtn
                background-color: #f37000
                color: #fff
                margin-left 20rpx
                &:active
                    background-color: #da6908
                    
    .item
        display: flex
        background-color: #fff
        border-radius: 15rpx
        flex-direction: column
        padding: 20rpx
        box-sizing: border-box
        .head
            display: flex
            width: 100%
            padding-bottom: 15rpx
            border-bottom: 1rpx solid #e4e4e4
            .picBox
                display: flex
                align-items: center
                justify-content: center
                width: 80rpx
                height: 80rpx
                .picBoxBorder
                    background-color: #f37000
                    width: 60rpx
                    height: 60rpx
                    display: flex
                    align-items: center
                    justify-content: center
                    border-radius: 50%
                    &.picBoxBorder
                        background: none
                        width: 80rpx
                        height: 80rpx
                        .headPic
                            width: 80rpx
                            height: 80rpx
                            border-radius: 50%
                .headPic
                    width: 45rpx
                    height: 45rpx
            .infoBox
                display: flex
                flex-direction: column
                width: 100%
                margin-left: 15rpx
                justify-content: center;
                .store
                    display: flex
                    align-items: center
                    justify-content: space-between
                    .line
                        display: flex
                        align-items: center
                        flex: 0.6
                        text-overflow: ellipsis
                        overflow: hidden
                        white-space nowrap
                        .name
                            font-size: 26rpx
                            color: #333
                            font-weight: bold
                            text-overflow: ellipsis
                            overflow: hidden
                            white-space nowrap
                        .rightIcon
                            width: 22rpx
                            height: 22rpx
                            margin-left: 10rpx
                            display: flex
                            align-items: center
                    .status
                        flex: 0.4
                        text-align: right 
                        display: flex
                        align-items: center
                        font-size: 26rpx
                        color: #ccc
                        justify-content: flex-end
                .discount
                    display: flex
                    margin-top: 10rpx
                    .it
                        font-size: 22rpx
                        border: 1rpx solid #f37000
                        padding: 0 8rpx
                        border-radius: 5rpx
                        margin-right: 15rpx
                        color: #f37000
                        &:last-child
                            margin-right: 0
        .content
            padding: 15rpx 0
            box-sizing: border-box
            .myScrollView
                position: relative
                .floatBox
                    position: absolute
                    top: 0
                    right: 0
                    color: #686868;
                    background-color: rgba(255,255,255,0.8);
                    height: 100%;
                    font-size: 20rpx
                    width: 30rpx
                    display: flex
                    align-items: self-start
                    padding-top: 20rpx
                    box-sizing: border-box
                    .infoText
                        text-align: center
            .scroll-view_H
                white-space: nowrap
                .floatBox
                    position: absolute
                    right: 0
                    z-index: 3
                .scroll-view-item_H
                    flex-direction: column
                    justify-content: center
                    white-space: nowrap
                    display: inline-block
                    margin-right: 15rpx
                    width: 130rpx
                    &&:last-child
                        margin-right: 0
                    .commodityPic
                        width: 130rpx
                        height: 130rpx
                        border-radius: 8rpx
                    .name
                        font-size: 20rpx
                        color: #686868
                        white-space nowrap
                        text-overflow: ellipsis;
                        overflow: hidden;
                        text-align: center
            .totalBox
                margin-top: 8rpx
                display: flex
                justify-content: space-between
                font-size: 24rpx
                color: #686868
                &.lineTotalBox
                    justify-content: start
                    margin-top: 20rpx
        .typeBox
            padding-top 10rpx
            box-sizing: border-box 
            display: flex
            align-items: flex-start
            .typePic
                margin-right: 20rpx
                .picBoxBorder
                    width: 100rpx
                    height: 100rpx
                    display: flex
                    align-items: center
                    justify-content: center
                    border-radius: 10rpx
                    background-color: #f37000
                .typePicIcon
                    width: 80rpx
                    height: 80rpx
            .infoList
                font-size: 24rpx
                display: flex
                flex-direction: column
                .infoIt
                    color: #686868
                    margin-bottom: 5rpx
                    display: flex
                    align-items: center
                    .infoTtitle
                        min-width: 120rpx
                    &:last-child
                        margin-bottom: 0